<!--
*@Author: QWP
*@Description: 天气欢迎部件
*@Date: 2024-07-14 18:25:14
-->
<template>
  <u-card style="background: linear-gradient( 174deg, #0283FF 0%, #7FC0FF 60%, #B3DBFF 100%);
    border-radius: 16px 16px 16px 16px;
    height: 200px">
    <a-row style="margin-top: 16px; font-size: 16px;color: #FFFFFF;">丁老师，欢迎登录本系统!</a-row>
    <a-row align="middle" :gutter="12" class="f-margin-t20">
      <a-col justify="center" align="center">
        <CloudOutlined style="font-size: 40px"/>
      </a-col>
      <a-col justify="center" align="center">
        <a-space direction="vertical">
          <span style="font-size: 20px;color: #FFFFFF;">多云</span>
          <span style="font-size: 26px;color: #FFFFFF;">27℃</span>
        </a-space>
      </a-col>
      <a-col flex="1" align="end">
        <a-space direction="vertical" size="large">
          <span style="font-size: 14px;color: #FFFFFF;">星期一</span>
          <span style="font-size: 14px;color: #FFFFFF;">2024-06-07  15:00</span>
        </a-space>
      </a-col>
    </a-row>
  </u-card>
</template>

<script lang='ts' setup>
import { ref, reactive, computed, onMounted } from 'vue' 

import { useRoute, useRouter } from 'vue-router'

</script>

<style lang='scss' scoped>
</style>